<!DOCTYPE html>
<html lang="sk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content=".NET a C# programátor špecializujúci sa na vývoj webových, desktopových a mobilných aplikácií.">
    <meta name="keywords" content=".NET, C#, Blazor, ASP.NET, MVC, WPF, Xamarin, MAUI, MS SQL, IoT, Telerik, Syncfusion">
    <meta name="author" content="Ivan Magnusek">
    <title>Ivan Magnusek - .NET Programátor</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            margin: 0;
            font-family: 'Roboto', sans-serif;
            background: url('background.jpg') no-repeat center center fixed;
            background-size: cover;
            color: #000000;
            position: relative;
            overflow: auto;
            padding: 20px; /* Pridanie paddingu pre rámik */
        }

        .container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: calc(100vh - 40px); /* Zohľadnenie paddingu tela */
            padding: 20px;
            box-sizing: border-box; /* Zabezpečenie, že padding sa započíta do celkovej veľkosti */
        }

        .content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: rgba(255, 255, 255, 0.8); /* Svetlejšie pozadie pre lepší kontrast */
            backdrop-filter: blur(10px); /* Efekt rozmazania */
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Jemný tieň */
            max-width: 1400px; /* Zvýšenie maximálnej šírky */
            width: 100%;
            margin: 20px;
            box-sizing: border-box; /* Zabezpečenie, že padding sa započíta do celkovej veľkosti */
        }

            .content h1 {
                text-align: left;
                font-size: 1.5em;
                color: #000000; /* Čierne písmo */
                word-break: break-word; /* Zalamovanie textu */
            }

            .content ul {
                list-style: disc;
                padding-left: 20px;
            }

                .content ul li {
                    margin: 10px 0;
                }

        .contact-info {
            margin-top: 20px;
        }

            .contact-info p {
                margin: 5px 0;
            }

            .contact-info a {
                color: #000000; /* Čierne odkazy */
                text-decoration: none;
            }

                .contact-info a:hover {
                    text-decoration: underline;
                }

        /* Fotka na pravej strane */
        .image {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
        }

            .image img {
                width: 100%;
                max-width: 400px;
                height: auto;
                border-radius: 10px;
            }

        @media (min-width: 768px) {
            .content {
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-start;
            }

            .left {
                width: 65%; /* Zvýšenie šírky pre text */
            }

            .right {
                width: 30%; /* Zmenšenie šírky pre obrázok */
            }

                .right img {
                    width: 100%;
                }
        }

        @media (max-width: 767px) {
            .content {
                flex-direction: column;
                align-items: center;
            }

            .left, .right {
                width: 100%;
            }

            .right {
                margin-top: 20px;
            }
        }

        /* Footer */
        .footer {
            width: 100%;
            background-color: #000000;
            color: #ffffff;
            text-align: center;
            padding: 10px 0;
            position: fixed;
            bottom: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="content">
            <div class="left">
                <h1>Ivan&nbsp;Magnusek .NET&nbsp;Programátor</h1>
                <ul>
                    <li><strong>Odbornosť v .NET Core a C#</strong>: Zameriavam sa na tvorbu výkonných a škálovateľných riešení.</li>
                    <li><strong>Backend API a Microservices</strong>: Návrh a implementácia moderných API a mikroslužieb pre efektívne spracovanie dát.</li>
                    <li><strong>Frontend vývoj s Blazor</strong>: Vytváram dynamické a responzívne webové aplikácie pomocou .Net Blazor.</li>
                    <li><strong>Webové aplikácie</strong>: ASP.Net, MVC4 a Blazor - od klasických po moderné riešenia.</li>
                    <li><strong>Desktopové aplikácie</strong>: Vývoj bohatých desktopových aplikácií v .Net WPF.</li>
                    <li><strong>Mobilné aplikácie</strong>: Využívam platformy Xamarin a MAUI pre vytváranie natívnych mobilných aplikácií.</li>
                    <li><strong>Práca s databázami</strong>: Expert na prácu s MS SQL a rôznymi ďalšími databázovými systémami.</li>
                    <li><strong>Internet vecí (IoT)</strong>: Integrácia IoT technológií pre prepojenie zariadení a zber dát.</li>
                    <li><strong>Komponenty Telerik a Syncfusion</strong>: Skúsenosti s UI komponentmi Telerik a Syncfusion pre vylepšenie používateľského rozhrania.</li>
                    <li><strong>Využitie nástrojov umelej inteligencie</strong>: AI pomáha optimalizovať vývoj a zaručiť efektívny s udržateľný kód prispôsobený potrebám zákazníka.</li>
                </ul>
                <div class="contact-info">
                    <p><strong>Kontakt:</strong></p>
                    <p>Tel: <a href="tel:+421907316044">+421 907 316 044</a></p>
                    <p>Email: <a href="mailto:ivan@magnusek.net">ivan@magnusek.net</a></p>
                    <p>Web: <a href="https://www.programmer.sk" target="_blank">www.programmer.sk</a></p>
                </div>
            </div>
            <div class="right image">
                <img src="IvanMagnusek.png" alt="Ivan Magnusek">
            </div>
        </div>
    </div>
    <div class="footer">
        <p>&copy; <span id="year"></span> All rights reserved.</p>
    </div>
    <script>document.getElementById('year').textContent = new Date().getFullYear();</script>
</body>
</html>